<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="keywords" content="万果 万果 万果田园 万果田园 万果网">
  <meta http-equiv="X-UA-Compatible" content="IE=10">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <title>合作</title>
  <link href="../styles/global.css" rel="stylesheet">
  <link rel="stylesheet" href="../styles/join.css">
</head>

<body>
  <header class="header clearFix">
    <nav class="nav">
      <div class="nav-r">
        <a href="./index.html">
          <img src="../images/logo.png">
          <span>万果田园</span>
        </a>
      </div>
      <ul class="navList">
        <li>
          <a href="./survey.html">概况</a>
        </li>
        <li>
          <a href="./information.html">资讯</a>
        </li>
        <li>
          <a href="./business.html">业务</a>
        </li>
        <li>
          <a href="./layout.html">布局</a>
        </li>
        <li>
          <a href="./latest.html">动态</a>
        </li>
        <li>
          <a href="./record.html">全程追溯</a>
        </li>
        <li class="active">
          <a href="javascript:;">合作</a>
        </li>
        <li>
          <a href="./download.html">APP下载</a>
        </li>
      </ul>
    </nav>
  </header>
  <div class="join-main">
    <div class="join-main-tips">请您准确填写您的报名信息，我们的客服人员会和您进行联系</div>
    <div class="join-main-userInfo">
      <dl>
        <dt>基本信息</dt>
        <dd class="user-occupation required">
          <div class="user-occupation-active">我是经销商</div>
          <div class="user-occupation-link">我是农场主</div>
          <div class="user-occupation-link m0">我是合作社</div>
        </dd>
        <dd class="user-name required">
          <div class="right">负责人姓名：</div>
          <div class="input">
            <input type="text" maxlength="16" placeholder="填写负责人姓名">
          </div>
        </dd>
        <dd class="user-phone required">
          <div class="right"> 手机号：</div>
          <div class="input">
            <input type="text" oninput="phoneRegular()" maxlength="11" placeholder="填写常用手机号">
          </div>
          <div class="user-phone-tip">
            请输入正确的手机号
          </div>
        </dd>
      </dl>
    </div>
    <div class="user-address">
      <dl>
        <dt>地址</dt>
        <dd class="address-land">
          <div class="right address-title">土地所在地区：</div>
          <div class="selected-address required">
            <div class="province select-parent l">
              <div class="province-default select">请选择</div>
              <ul class="province-select option"></ul>
            </div>
            <div class="city select-parent l">
              <div class="city-default select">请选择</div>
              <ul class="city-select option"></ul>
            </div>
            <div class="area select-parent l">
              <div class="area-default select">请选择</div>
              <ul class="area-select option"></ul>
            </div>
          </div>
        </dd>
        <dd class="address-detail">
          <div class="right">详细地址：</div>
          <div class="address-detail-text input">
            <input type="text" maxlength="256" placeholder="请填写详细地址">
          </div>
        </dd>
      </dl>
    </div>
    <div class="crop-info">
      <dl>
        <dt>作物信息</dt>
        <dd class="crop-name">
          <div class="right">
            作物名称：
          </div>
          <div class="crop-name-select required">
            <div class="crop-type select-parent l">
              <div class="crop-title select">请选择</div>
              <ul class="crop-select option">
                <li class="option-li">请选择</li>
                <li class="option-li">水果</li>
                <li class="option-li">蔬菜</li>
                <li class="option-li">调味品</li>
                <li class="option-li">豆谷类</li>
                <li class="option-li">茶类</li>
                <li class="option-li">草本类</li>
                <li class="option-li">花类</li>
                <li class="option-li">干果</li>
              </ul>
            </div>
            <div class="crop-detail-name l">
              <input type="text" maxlength="20" placeholder="填写作物具体名称">
            </div>
          </div>
        </dd>
        <dd class="plant-size">
          <div class="right">
            种植面积：
          </div>
          <div class="plant-size-right required">
            <div class="plant-size-input l">
              <input type="text" maxlength="20" oninput="plantNumberRegular()">
            </div>
            <div class="company l">
              亩
            </div>
          </div>
        </dd>
        <dd class="crop-yield ">
          <div class="right">
            总产量：
          </div>
          <div class="crop-yield-right required clearfix">
            <div class="crop-yield-input l">
              <input type="text" maxlength="20" oninput="cropNumberRegular()">
            </div>
            <div class="company l">
              kg
            </div>
          </div>
        </dd>
        <dd class="result-date clearfix">
          <div class="right l">
            下果时间：
          </div>
          <div class="result-date-select required l clearfix">
            <div class="result-date-month select-parent l">
              <div class="crop-title select">请选择</div>
              <ul class="crop-select option">
                <li class="option-li">请选择</li>
                <li class="option-li">一月</li>
                <li class="option-li">二月</li>
                <li class="option-li">三月</li>
                <li class="option-li">四月</li>
                <li class="option-li">五月</li>
                <li class="option-li">六月</li>
                <li class="option-li">七月</li>
                <li class="option-li">八月</li>
                <li class="option-li">九月</li>
                <li class="option-li">十月</li>
                <li class="option-li">十一月</li>
                <li class="option-li">十二月</li>
              </ul>
            </div>
            <div class="result-date-week select-parent l">
              <div class="crop-title select">请选择</div>
              <ul class="crop-select option">
                <li class="option-li">请选择</li>
                <li class="option-li">第一周</li>
                <li class="option-li">第二周</li>
                <li class="option-li">第三周</li>
                <li class="option-li">第四周</li>
              </ul>
            </div>
          </div>
        </dd>
      </dl>
    </div>
    <div class="submit-btn">提交信息</div>
  </div>
  <footer>
    <div class="footer-top clearfix">
      <div class="foot-l l">
        <p class="phone">电话：400-017-5917</p>
        <p class="email">邮箱：postmaster@wggyl.cn</p>
        <p class="address">地址：北京市丰台区新发地京良桥西南侧2000米路北丰合顺市场5号交易厅商01号</p>
      </div>
      <div class="foot-r r">
        <p>
          <img src="../images/erweima.png" alt="">
        </p>
        <p>扫一扫 关注我们</p>
      </div>
    </div>
    <div class="foot-b">万果供应链有限公司&nbsp;&nbsp;&nbsp;&nbsp;京ICP备17068845号</div>
  </footer>
  <div class="loading">
    <div class="load-gif"></div>
  </div>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="../scripts/join.js"></script>
  <script>
    function phoneRegular() {
      var a = $('.user-phone input').val().replace(/\D/g, '')
      $('.user-phone input').val(a)
    }

    function
    plantNumberRegular() {
      var a = $('.plant-size-input input').val().replace(/\D/g, '')
      $('.plant-size-input input').val(a)
    }

    function cropNumberRegular() {
      var a = $('.crop-yield-input input').val().replace(/\D/g, '')
      $('.crop-yield-input input').val(a)
    }
  </script>
</body>

</html>
